<!DOCTYPE html>
<html lang="en">

<head>
   <!-- basic -->
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <!-- mobile metas -->
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="viewport" content="initial-scale=1, maximum-scale=1">
   <!-- site metas -->
   <title>Enopro</title>
   <meta name="keywords" content="">
   <meta name="description" content="">
   <meta name="author" content="">
   <!-- bootstrap css -->
   <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
   <!-- style css -->
   <link rel="stylesheet" type="text/css" href="css/style.css">
   <!-- Responsive-->
   <link rel="stylesheet" href="css/responsive.css">
   <!-- fevicon -->
   <link rel="icon" href="images/fevicon.png" type="image/gif" />
   <!-- Scrollbar Custom CSS -->
   <link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
   <!-- Tweaks for older IEs-->
   <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.0.3/css/font-awesome.css">
   <!-- fonts -->
   <link href="https://fonts.googleapis.com/css?family=Dosis:400,700|Poppins:400,600,700&display=swap" rel="stylesheet">
   <!-- owl stylesheets -->
   <link rel="stylesheet" href="css/owl.carousel.min.css">
   <link rel="stylesheet" href="css/owl.theme.default.min.css">
   <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css"
      media="screen">
   <link href="https://cdn.bootcdn.net/ajax/libs/gijgo/1.9.13/combined/css/gijgo.min.css" rel="stylesheet"
      type="text/css" />
   <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/pagePiling.js/1.5.6/jquery.pagepiling.min.css"
      integrity="sha256-WA4vvlC6yUJ1Q62yNxxHt4O9wUKuhmJlSOKTsLZ+suk=" crossorigin="anonymous" />
</head>

<body>
   <div id="pagepiling">
      <!-- header section start -->
      <div class="header_bg">
         <div class="container-fluid">
            <div class="header_section">
               <div class="row">
                  <div class="col-sm-12">
                     <div class="logo"><a href="index.html"><img src="images/logo.png" height="100px" weight=></a></div>
                     <div class="menu_text">
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- header section end -->
      <!-- banner section start -->
      <div id="index.html" class="section s1">
         <div class="banner_section layout_padding">
            <div class="container">
               <div class="row">
                  <div class="col-sm-4">
                     <h1 class="banner_taital">霍梓航</h1>
                     <div class="readmore_bt">
                        <a href="#">
                           <span>天津-河北工业大学</span><!-- </span></span> -->
                           <!-- <hr class="border"> -->
                        </a>
                     </div>
                  </div>
                  <div class="col-sm-4">
                     <div class="banner_img"><img src="images/banner-img.png"></div>
                  </div>
                  <div class="col-sm-4">
                     <h1 class="banner_taital">加入开发。</h1>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- banner section end -->
      <!-- about section start -->
      <div id="about" class="section s2">
         <div class="about_section layout_padding">
            <div class="container">
               <div class="row">
                  <div class="col-sm-8">
                     <h3 class="about_taital">自我介绍</h3>
                     <h1 class="energy_text">JAVA学习进度</h1>
                     <p class="about_text">
                        从四月加入图灵院，目前已学习到JavaWEB部分，正在跟随黑马做课程案例顺便重拾算法。曾经JavaSE课程手搓学生管理系统。数据库，mybatis和GIT基本掌握。
                        <br>
                        加入java之巅小组，强手如林，希望可以共同进步。
                     </p>
                  </div>
                  <div class="col-sm-4">
                     <div class="about_img"><img src="images/about-img.png"></div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- about section end -->
      <!-- product section start -->
      <div id="product" class="section s3">
         <div class="about_section layout_padding">
            <div class="container">
               <div class="row">
                  <div class="col-sm-8">
                     <h3 class="about_taital">还有...</h3>
                     <p class="about_text">
                        业余时间打CS:GO,老二次元，喜欢打音游逛漫展。
                        <br>
                     </p>
                     <div class="contact_bt">
                        <a href="#">
                           <span>若さとはそういうこと。たとえ躓いても、迷っても、恐れずに新しいものに挑戦し、新しい何かを作り出すことができる。</span>
                        </a>
                     </div>
                  </div>

                  <div class="col-sm-4">
                     <div class="about_img"><img src="images/pop-img.png"></div>
                  </div>
                 

               </div>

            </div>
         </div>
      </div>
      <!-- product section end -->
   </div>
   <!-- Javascript files-->
   <script src="js/jquery.min.js"></script>
   <script src="js/popper.min.js"></script>
   <script src="js/bootstrap.bundle.min.js"></script>
   <script src="js/jquery-3.0.0.min.js"></script>
   <script src="js/plugin.js"></script>
   <script src="https://cdn.bootcdn.net/ajax/libs/pagePiling.js/1.5.6/jquery.pagepiling.min.js"
      integrity="sha256-rcU19aswtHEi8sO/TRfnTaLpdi+bvMAETOY9lKSKv5E=" crossorigin="anonymous"></script>
   <!-- sidebar -->
   <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
   <script src="js/custom.js"></script>
   <!-- javascript -->
   <script>
      function openNav() {
         document.getElementById("mySideNav").style.width = "100%";
      }

      function closeNav() {
         document.getElementById("mySideNav").style.width = "0";
      }
   </script>
</body>

</html>